<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <title>应用管理</title>
  <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
  <link rel="stylesheet" href="./css/common/base.min.css">
  <link rel="stylesheet" href="./css/page/application.min.css">
</head>

<body>
  <!--nav-->
  <div class="layout-header">
    <div class="logo-bar" style="float:left">
      <a style="display:inline-block;width:100%;height:100%" target="_blank" href="./index.html">
        <img src="./img/overview/logo.png" alt="" style="margin-top:11px">
      </a>
    </div>
    <div class="pull-right" style="margin:15px 70px 0 0">
      <!-- <div class="app-apidoc fl">
        <a href="./copywriting.html" target="_blank">接入指南</a>
      </div> -->
      <div class="app-applist fl">
        <a href="./application.html">应用管理</a>
      </div>
      <ul class="nav nav-pills fl">
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">
            <span id="username"></span>
            <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <!-- <li><a href="./application.html">应用列表</a></li> -->
            <!-- <li class="divider"></li> -->
            <li>
              <a href="./personal.html">用户信息</a>
            </li>
            <li class="divider"></li>
            <li>
              <a href="javascript:;" id='loginOut'>退出登录</a>
            </li>
          </ul>
        </li>
      </ul>

      <!-- <div class="fl apppay-state">免费体验中</div> -->
    </div>
  </div>
  <!--应用列表-->
  <div class="my-section">
    <div class="line"></div>
    <div class="section container">
      <div class="title">
        <span class="fl">应用管理</span>
        <span class="add fr" id="J_add">创建应用</span>
      </div>
      <div class="list">
        <div class="tit">
          <span>AppKey</span>
          <span>应用名</span>
          <span class="icon">应用图标</span>
          <span>已集成平台</span>
          <span>状态</span>
          <span>操作</span>
        </div>
        <ul class="list-ul">
          <!-- <li class="item">
            <span class="item-appkey">dftt</span>
            <span class="item-name">东方头条</span>
            <span class="item-icon icon">
                        <img src="//mini.eastday.com/toutiaoh5/img/logo_dftt.png" alt="">
                    </span>
            <span class="item-pingtai">dftt</span>
            <span class="item-operation">
                        <button class="edit">编辑</button>
                         <button class="detailed">详细</button>
                    </span>
          </li>
          <li class="item">
            <span class="item-appkey">dftt</span>
            <span class="item-name">东方头条</span>
            <span class="item-icon icon">
                        <img src="//mini.eastday.com/toutiaoh5/img/logo_dftt.png" alt="">
                    </span>
            <span class="item-pingtai">dftt</span>
            <span class="item-operation">
                        <button class="edit">编辑</button>
                         <button class="detailed">详细</button>
                    </span>
          </li>
          <li class="item">
            <span class="item-appkey">dftt</span>
            <span class="item-name">东方头条</span>
            <span class="item-icon icon">
                        <img src="//mini.eastday.com/toutiaoh5/img/logo_dftt.png" alt="">
                    </span>
            <span class="item-pingtai">dftt</span>
            <span class="item-operation">
                        <button class="edit">编辑</button>
                         <button class="detailed">详细</button>
                    </span>
          </li>
          <li class="item">
            <span class="item-appkey">dftt</span>
            <span class="item-name">东方头条</span>
            <span class="item-icon icon">
                        <img src="//mini.eastday.com/toutiaoh5/img/logo_dftt.png" alt="">
                    </span>
            <span class="item-pingtai">dftt</span>
            <span class="item-operation">
                        <button class="edit">编辑</button>
                         <button class="detailed">详细</button>
                    </span>
          </li> -->
        </ul>
      </div>
    </div>
    <div class="line"></div>
  </div>
  <!--创建应用-->
  <div class="my-addApp" id="J_my-addApp" style="display: none">
    <div class="addApp">
      <div class="title">
        <span class="fl">创建应用</span>
        <span class="close fr">X</span>
      </div>
      <div class="item">
        <span class="name fl">应用名：</span>
        <input type="text" placeholder="请输入应用名称" id="addApp" maxlength="30">
      </div>
      <div class="my-button">
        <button class="preservation">确认</button>
        <button class="cancel">取消</button>
      </div>
    </div>
  </div>
  <!-- <script type="text/x-handlebars-template" id="listTmp">
    {{#each list}}
    <li class="item">
        <span class="item-appkey">{{app_key}}</span>
        <span class="item-name">{{name}}</span>
        <span class="item-icon icon">
                    <img src="{{icon}}" alt="">
                </span>
        {{#if plat}}
        <span class="item-pingtai">dftt</span>
        <span class="item-operation">
                    <button class="edit">编辑</button>
                      <button class="detailed">详细</button>
                </span>
      </li>
    {{/each}}
  </script> -->
  <!--谈话框-->
  <div id="J_functionBar" class="functionBar">
    <div class="bar-qq">
      <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2881355608&site=qq&menu=yes" class="icon icon1" title="点击这里给我发消息">

      </a>
      联系
    </div>
    <!--<div class="bar-code">-->
    <!--<span class="icon icon2">-->

    <!--</span>-->
    <!--关注-->
    <!--</div>-->
    <div class="bar-back" id="J_barBack">
        返&nbsp;回<br/> 
        顶&nbsp;部
    </div>
  </div>
  <script src="./js/common/base.min.js"></script>
  <script src="./js/page/jquery.cookie.min.js"></script>
  <script src="./js/page/sign.min.js"></script>
  <script src="./js/page/handlebars.min.js"></script>
  <script src="./js/page/application.min.js"></script>
</body>

</html>